<template>
  <h1>Child</h1>
</template>

<script lang="ts">
export default {
  name: 'Child',
  beforeCreate() {
    console.log('Child beforeCreate 7');
  },
  created() {
    console.log('Child created 8');
  },
  beforeMount() {
    console.log('Child beforeMount 9');
  },
  mounted() {
    console.log('Child mounted 10');
  },
  beforeUpdate() {
    console.log('Child beforeUpdate');
  },
  updated() {
    console.log('Child updated');
  },
  beforeUnmount() {
    console.log('Child beforeUnmount');
  },
  unmounted() {
    console.log('Child unmounted');
  },
};
</script>

<style scoped></style>
